<template>
  <div>
    <svg xmlns="http://www.w3.org/2000/svg" width="164" height="142">
      <g fill="none">
        <path
          fill="#EEE"
          d="M12.94 16.625s.323-.036.504.18c.18.215.395 3.233 1.185 4.06.79.825 3.989.359 3.989 1.436 0 .862-2.972.956-3.978 1.782-1.007.826-.431 4.311-1.664 4.183-.965-.101-.287-2.874-1.473-3.988-1.186-1.115-4.06-.899-4.06-1.904 0-1.006 2.947-.396 3.953-1.546 1.005-1.149.575-4.203 1.544-4.203z"
        />
        <path
          fill="#B1AFAE"
          d="M4.017 51.944s.196-.023.304.108c.108.13.238 1.952.715 2.45.477.5 2.407.218 2.407.868 0 .52-1.793.576-2.4 1.075s-.26 2.602-1.004 2.525c-.582-.062-.173-1.735-.889-2.408C2.434 55.89.7 56.02.7 55.413s1.778-.239 2.385-.932c.607-.694.346-2.538.932-2.538z"
        />
        <path
          fill="#EEE"
          d="M159.33 34.793s.222-.025.345.123c.123.148.271 2.217.813 2.783.541.566 2.733.247 2.733.985 0 .591-2.036.655-2.727 1.222-.689.566-.295 2.955-1.14 2.867-.66-.069-.197-1.97-1.01-2.734-.812-.763-2.782-.615-2.782-1.305s2.02-.272 2.709-1.06c.69-.787.394-2.88 1.059-2.88z"
        />
        <path
          fill="#B1AFAE"
          d="M128.911 8.174s.222-.024.345.124c.123.148.271 2.216.813 2.783.541.566 2.733.246 2.733.985 0 .59-2.036.654-2.726 1.221-.69.566-.296 2.956-1.14 2.867-.662-.069-.198-1.97-1.01-2.733-.813-.764-2.783-.616-2.783-1.306 0-.69 2.02-.271 2.709-1.06.69-.787.394-2.88 1.059-2.88z"
        />
        <circle cx="45.249" cy="3.391" r="3.221" fill="#EEE" />
        <circle cx="149.058" cy="50.583" r="2.02" fill="#EEE" />
        <circle cx="78.763" cy="75.517" r="65.733" fill="#EEE" />
        <path
          fill="#FDFDFD"
          d="M121.428 98.583a4.92 4.92 0 01-4.955 4.884l-75.766-.124a4.92 4.92 0 01-4.884-4.955l.367-48.264a4.92 4.92 0 014.954-4.885l61.889.025c5.009 4.5 11.581 10.85 18.675 16.889l-.28 36.43z"
        />
        <path
          fill="#D8D8D8"
          d="M121.949 60.874a1.712 1.712 0 01-1.752 1.67l-16.2-.38a1.712 1.712 0 01-1.671-1.752l.323-13.784a1.712 1.712 0 011.752-1.672l17.548 15.918z"
        />
        <circle cx="97.154" cy="95.564" r="15.51" fill="#EEE" />
        <path
          fill="#FFF"
          d="M97.25 112.408c1.905 0 3.7-.555 5.278-1.53l-.005-1.959s-.264-3.333-2.694-4.105c-.037-.012-.646.654-1.747.594l-.706-.223c-.072.003-.151.108-.223.111-.072-.003-.335-.368-.409-.371l-.371.186c-1.1.06-1.746-.343-1.783-.33-2.43.772-2.612 4.138-2.612 4.138l-.005 1.958c1.578.976 3.372 1.531 5.277 1.531z"
        />
        <path
          fill="#FFF"
          d="M105.03 98.318c-.077-4.228-3.666-7.59-8.016-7.51-4.35.08-7.813 3.57-7.735 7.798.05 2.745 1.657 5.41 3.969 6.92l8.307-.152c1.95-1.44 3.255-3.8 3.45-6.268.022-.261.03-.525.025-.788zm-3.913 6.254l-7.651.14c-1.788-1.25-3.006-3.292-3.044-5.395-.063-3.425 2.877-6.256 6.565-6.324 3.688-.068 6.73 2.654 6.792 6.08.037 2.104-1.002 4.187-2.662 5.5z"
        />
        <path
          fill="#B1AFAE"
          d="M93.576 104.984l7.373-.135c1.6-1.311 2.6-3.393 2.561-5.497-.062-3.424-2.994-6.148-6.549-6.083-3.554.065-6.384 2.894-6.321 6.319.038 2.103 1.214 4.146 2.936 5.396zm7.66.804c-1.017.795-2.568.805-4.027.823-1.489.02-2.887.034-3.947-.642-.338-.216-.494-.717-.349-.72l8.657-.197c.145-.003-.078.536-.334.736z"
        />
        <path
          fill="#C8C7C6"
          d="M90.602 99.592c-.063-3.442 2.777-6.284 6.345-6.35 3.567-.065 6.51 2.672 6.574 6.113.025 1.38-.395 2.751-1.136 3.903.901-1.211 1.421-2.703 1.393-4.205-.063-3.442-3.115-6.177-6.817-6.109-3.702.068-6.652 2.913-6.589 6.356.023 1.269.474 2.516 1.219 3.581-.606-.998-.968-2.135-.99-3.29z"
        />
        <path
          fill="#FFF"
          d="M101.32 105.626c-1.036.455-2.61.432-4.085.457-1.505.027-2.91.093-3.975-.274-.339-.117-.491-.395-.345-.399l8.75-.199c.146-.002-.085.301-.346.415z"
        />
        <path
          fill="#C1C1C1"
          d="M101.686 105.222a.372.372 0 01-.372.372H93.14a.372.372 0 010-.743h8.174c.205 0 .372.166.372.371z"
        />
        <path
          fill="#B1AFAE"
          d="M99.384 110.118a.167.167 0 01-.167.167l-3.932.002a.167.167 0 01-.167-.166l-.001-2.661c0-.092.075-.167.166-.167l3.932-.003c.092 0 .167.075.167.167l.002 2.661z"
        />
        <path
          fill="#CCC"
          d="M98.918 109.791c0 .07-.059.126-.13.126l-3.074.002a.128.128 0 01-.13-.126l-.002-2.006c0-.07.06-.126.13-.126l3.074-.002c.072 0 .131.056.131.126v2.006z"
        />
        <path fill="#FFF" d="M95.96 108.051h1.118v1H95.96zm1.461-.001h1.118v1h-1.118z" />
        <path fill="#FFF" d="M95.961 108.836h2.579v1h-2.579z" />
        <g fill="#D8D8D8" transform="translate(90.95 94.35)">
          <path
            d="M1.68 4.228c-.697-.462.15-1.769.87-2.492.72-.724 1.29-1.01 1.86-.862.398.104.936.993-.013 1.765-1.066.868-1.533 2.374-2.717 1.589z"
          />
          <circle cx="1.585" cy="5.872" r="1" />
        </g>
        <path
          fill="#D8D8D8"
          d="M92.86 58.734c0 .899-.728 1.626-1.626 1.626h-43.5a1.626 1.626 0 010-3.252h43.5c.898 0 1.626.728 1.626 1.626zM68.17 70.31c0 .899-.728 1.627-1.625 1.627h-18.81a1.626 1.626 0 010-3.252h18.809c.898 0 1.627.727 1.627 1.625zm0 11.576c0 .898-.728 1.626-1.625 1.626h-18.81a1.626 1.626 0 010-3.252h18.809c.898 0 1.627.727 1.627 1.626zm49.513 30.87a1.603 1.603 0 00-2.257-.199l-.003.003-2.535-3.025a20.966 20.966 0 005.237-13.893c0-11.624-9.423-21.046-21.046-21.046s-21.046 9.423-21.046 21.046c0 11.624 9.423 21.046 21.046 21.046 4.4 0 8.486-1.351 11.864-3.66l2.444 2.915-.002.002a1.603 1.603 0 00-.199 2.258l7.78 9.28a66.178 66.178 0 006.354-5.62l-7.637-9.107zm-20.656-1.602c-8.567 0-15.51-6.945-15.51-15.511 0-8.566 6.944-15.51 15.51-15.51 8.566 0 15.51 6.945 15.51 15.51 0 8.566-6.944 15.51-15.51 15.51z"
        />
      </g>
    </svg>
    <div class="empty_title">{{ title }}</div>
  </div>
</template>

<script>
export default {
  name: 'EmptyData',
  props: {
    title: {
      type: String,
      default: '无内容'
    }
  },
  data() {
    return {}
  },
  created() {},
  methods: {}
}
</script>

<style scoped>
.empty_title {
  font-size: 16px;
  margin-top: 20px;
  color: #666;
  text-align: center;
}
</style>
